<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登录</title>
	<link rel="stylesheet" href="./component/pear/css/pear.css" />
	<link rel="stylesheet" href="./admin/css/other/login.css" />
	<link rel="stylesheet" href="./admin/css/variables.css" />
	<script>if (window.self != window.top) { top.location.reload();}</script>
</head>
<body>
    <div class="login-page" style="background-image: url(./admin/images/background.svg)">
		<div class="layui-row">
<!--			<div class="layui-col-sm6 login-bg layui-hide-xs">-->
<!--				<img class="login-bg-img" src="./admin/images/banner.png" alt="" />-->
<!--			</div>-->
			<div class="layui-col-sm12 layui-col-xs12 login-form">
				<div class="layui-form">
					<div class="form-center">
						<div class="form-center-box">
							<div class="top-log-title">
<!--								<img class="top-log" src="http://www.layui-vue.com/assets/logo.685dda16.jpg" alt="" />-->
								<span>后台管理</span>
							</div>
							<div class="top-desc">

							</div>
							<div style="margin-top: 30px;">
								<div class="layui-form-item">
									<div class="layui-input-wrap">
										<div class="layui-input-prefix">
											<i class="layui-icon layui-icon-username"></i>
										</div>
										<input id="username" lay-verify="required" placeholder="账户" autocomplete="off"
											class="layui-input">
									</div>
								</div>
								<div class="layui-form-item">
									<div class="layui-input-wrap">
										<div class="layui-input-prefix">
											<i class="layui-icon layui-icon-password"></i>
										</div>
										<input id="password" type="password" name="confirmPassword" value=""
											lay-verify="required|confirmPassword" placeholder="密码" autocomplete="off"
											class="layui-input" lay-affix="eye">
									</div>
								</div>
<!--								<div class="tab-log-verification">-->
<!--									<div class="verification-text">-->
<!--										<div class="layui-input-wrap">-->
<!--											<div class="layui-input-prefix">-->
<!--												<i class="layui-icon layui-icon-auz"></i>-->
<!--											</div>-->
<!--											<input lay-verify="required" value="VBJFQ" placeholder="验证码" autocomplete="off"-->
<!--												class="layui-input">-->
<!--										</div>-->
<!--									</div>-->
<!--									<img src="./admin/images/captcha.gif" alt=""-->
<!--										class="verification-img" />-->
<!--								</div>-->
<!--								<div class="layui-form-item">-->
<!--									<div class="remember-passsword">-->
<!--										<div class="remember-cehcked">-->
<!--											<input type="checkbox" name="like1[write]" lay-skin="primary" title="自动登录">-->
<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
								<div class="login-btn">
									<button type="button" lay-submit lay-filter="login" class="layui-btn login">登 录</button>
								</div>
<!--								<div class="other-login">-->
<!--									<div class="other-login-methods">-->
<!--										其他方式-->
<!--									</div>-->
<!--									<div class="greenText">注册账号</div>-->
<!--								</div>-->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 资 源 引 入 -->
	<script src="./component/layui/layui.js"></script>
	<script src="./component/pear/pear.js"></script>

    <script>
        layui.use(['form', 'button', 'popup'], function() {
            var form = layui.form;
            var button = layui.button;
            var popup = layui.popup
            var $ = layui.jquery;

            form.on('submit(login)', function() {
                let btn = button.load({elem: '.login'});

                $.ajax({
                    url: '/api/user/login',
                    data: {
                        username: $('#username').val(),
                        password: $('#password').val()
                    },
                    type: 'post',
                    dataType: 'json',
                    success: function(res) {
                        btn.stop();
                        if (res.code == 0) {
                            popup.success("登录成功", function() {
                                location.href = "/index";
                            });
                        } else {
                            popup.failure(res.msg);
                        }
                    }
                });
                return false;
            });
        });
    </script>
</body>
</html> 